<html>
      <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(function(){
                $('#lista  a').click(function(event){
                    var elem = $(this).next();
                    if(elem.is('span')){
                        event.preventDefault();
                        $('#lista span:visible').not(elem).slideUp();
                        elem.slideToggle();
                    }
                });
            });
        </script>
    </head>
    <body>
        <f:view>

            <div id="contenido">
                <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <div id="centro">
                        <c:if  test="${listaamigosBean.codigoError==1}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje28"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==2}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje29"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==3}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje30"/></fmt:bundle>
                        </c:if>
                        <c:if  test="${listaamigosBean.codigoError==4}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje31"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==5}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje32"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==6}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje33"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==7}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje34"/></fmt:bundle>
                        </c:if>
                        <c:if test="${listaamigosBean.codigoError==8}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="mensajes.mensaje35"/></fmt:bundle>
                        </c:if>

                        <ul  id="lista" class="flecha">
                            <li class="flecha"><a href=""><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="lista.crear"/></fmt:bundle></a>
                                <span class="oculto">
                                    <h:form  id="formNuevaLista">
                                        <br/>
                                        <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="lista.nombre"/></fmt:bundle>
                                        <h:inputText id="nombre" value="#{listaamigosBean.nombre}"/>
                                        <h:commandButton styleClass="crearLista" action="#{listaamigosBean.doCrearLista}"></h:commandButton>
                                    </h:form>
                                </span>
                                <br/>
                            </li>
                        </ul>
                        <div id="capaAmigos">
                            <h:form>
                                <table class="amigos">
                                   <c:forEach items="${listaamigosBean.todos}" var="amigo1">
                                        <tr>
                                            <td>
                                                <a href="perfil.jsp?idAmigo=${amigo1.perfil.idUsuario}">${amigo1.perfil.nombre} ${amigo1.perfil.apellidos}</a>
                                              
                                            </td>
                                        </tr>
                                    </c:forEach>
                                </table>
                            </h:form>
                        </div>
                    </div>
                </div> 
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
    <body>
</html>
